<template>
  <div class="home">
    <el-container class="container">
      <Header></Header>
      <el-container class="mian">
        <LeftNew></LeftNew>
        <el-main>
          <router-view />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
import Header from "./../components/Header.vue";
import LeftNew from "./../components/LeftNew.vue";

export default {
  components: {
    Header,
    LeftNew,
  },
};
</script>
<style scoped lang="less">
/* .mian {
  height: 1000px;
} */
/* 下面的公共部分 */
html,
body {
  height: 100%;
  .home {
    height: 100%;
  }
  .container {
    display: flex;
    flex-direction: column;
    height: 100%;

    /* 右边 */
    .el-main {
      display: block;
      height:100%;
      text-align:left;
    }
  }
}
</style>
